body,html{
    width: 100%;
    height: 100vh;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.toubu{
    width: 100%;
    .px2rem(height,210);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    .head{
        width: 100%;
        .px2rem(height,110);
        display: flex;
        background: #fff;
            .zuo, .you{
                width: 20%;
                .px2rem(height,110);
                display: flex;
                justify-content: center;
                align-items: center;
                .px2rem(font-size,60); 
            }
            .you{
                color: darkgoldenrod;
            }
            .cent{
                flex: 1;
                display: flex;
                .px2rem(height,110);
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    display: block;
                    width: 50%;
                }
                p{  
                    width: 20%;
                    .px2rem(font-size,34);
                    .px2rem(padding-top,25);
                    display: flex;
                    .spn{
                        width: 20%;
                        img{
                            width: 100%;
                            .px2rem(margin-top,20);
                        }
                    }
                }
            }
    }

    .nav{
        background: #fff;
        width: 100%;
        ul{
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 1px solid #ccc;
            li{
            width: 25%;
            .px2rem(height,100);
            text-align:center;
            .px2rem(font-size,36);
            line-height: 2;
            font-weight: 800;
            color: #ccc;
            }
            .active{
            border-bottom:2px solid #ff4545;
            color:#ff4545;
            box-sizing:border-box;
            }
        }
    }
}
.qs{
    .qw{
        .se{
             .list{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                .px2rem(padding-top,230);
                .px2rem(padding-bottom,130);
                .shuchu{
                    width: 50%;
                    .px2rem(height,580);
                    .shutu{
                        width: 100%;
                        .px2rem(height,380);
                        display: flex;
                        justify-content: center;
                            img{
                                width: 100%;
                                padding: 8%;
                                box-sizing: border-box;
                            }
                    }
                    .shuxia{
                        width: 100%;
                        .px2rem(height,200);
                            h3{
                                .px2rem(font-size,34);
                                .px2rem(padding,20); 
                                box-sizing: border-box;
                                font-weight: 800;                 
                            }
                            .ltu{
                                width: 100%;
                                display: flex;
                                justify-content: space-around;
                                .pn1{
                                    display: flex;
                                    align-items: center;
                                    color: #666;
                                    img{
                                        .px2rem(width,70);
                                        .px2rem(height,70);
                                    }
                                    .sp1{
                                        .px2rem(font-size,34);
                                    }
                                }
                                .pn2{
                                    display: flex;
                                    align-items: center;
                                    color: skyblue;
                                    img{
                                        .px2rem(width,60);
                                        .px2rem(height,60);
                                    }
                                    .sp2{
                                        .px2rem(font-size,38);
                                    }
                                }
                            }
                            
                    }
                }   
            }
        }
    } 
}
.font{
    width: 100%;
    .px2rem(height,130);
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 200;
    border-top: 3px solid #ccc;
    a{
         width: 25%;
        .px2rem(height,130);
        dl{
            width: 100%;
            .px2rem(height,130);
            text-align: center;
            dt{
                .px2rem(font-size,60);
                .px2rem(padding-top,15);
            }
            dd{
                .px2rem(font-size,34);
                .px2rem(padding-top,15);
            }
        }
    }

   
}

